{% load static %}
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% if "head_title" in data %}{{ data.head_title }}{% else %}提示消息{% endif %}</title>
    <link href="{% static 'oracle/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'oracle/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet">
    <link href="{% static 'oracle/css/animate/animate.min.css' %}" rel="stylesheet">
    <link href="{% static 'oracle/css/oracle.css' %}" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="middle-box text-center animated fadeInDown">
    <div>
        <h1 class="logo-name">WT+</h1>
        {% if data.title %}
            <h3 class="font-bold">{{ data.title }}</h3>
        {% endif %}
        <div class="error-desc">
            <h3>{% if "msg" in data %}{{ data.msg }}{% endif %}</h3>
            <br/>
            {% if "href" in data %}
                <a href="{{ data.href }}" class="btn btn-primary m-t">{{ data.button_text }}</a>
            {% endif %}
        </div>
    </div>
</div>
<!-- Mainly scripts -->
<script src="{% static 'oracle/js/jquery.min.js' %}"></script>
<script src="{% static 'oracle/js/popper.min.js' %}"></script>
<script src="{% static 'oracle/bootstrap/js/bootstrap.min.js' %}"></script>
<!-- Custom and plugin javascript -->
<script src="{% static 'oracle/js/twisting.js' %}"></script>
<script src="{% static 'oracle/js/plugins/pace/pace.min.js' %}"></script>
<script>
    {% if data.href %}
        // 10秒后自动跳转
        setTimeout(function () {
            window.location.href = "{{ data.href }}";
        }, 10000);
    {% endif %}
</script>
</body>

</html>
